<template>
  <div ref="videoBox"></div>
</template>

<script>
import DPlayer from 'dplayer';
export default {
  props: {
    videoUrl: {
      type: String,
      default: () => ""
    }
  },
  data() {
    return {}
  },
  components: {},
  filters: {},
  created() {},
  activated() {},
  mounted() {
    const dp = new DPlayer({
      container: this.$refs["videoBox"],
      video: {
        url: this.videoUrl,
        type: 'normal'
      },
    });
  },
  methods: {}
}

</script>
